<template>
    <div>
        <van-search
            v-model="value"
            show-action
            :placeholder="this.$t('message.p-cgmc')"
            @input="inputCall(value)"
            shape
            >
            <template #action>
                <van-button @click="onSearch(value)" type="default" :disabled=" value == '' ? true : false"
                  clstag="pageclick|keycount|M_result_search|M_screen_search_click"
                >{{$t('lackMsg.ss')}} </van-button>
            </template>
        </van-search>
    </div>
</template>

<script>
export default {
  name: "search",
  props: {
    disabledBool: Boolean
  },
  data() {
    return {
      value: "",
      search: this.$t('lackMsg.ss')
    };
  },
  methods: {
    onSearch(val) {
      this.$emit("searchCall", val);
    },
    inputCall(val) {
      this.$emit('input', val)
    }
  }
};
</script>

<style scoped>
::v-deep .van-button--default {
  border: 0;
  height: 34px;
  padding: 0;
}
</style>
